<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>标题</title> 
<link href="./css/ionic.css" rel="stylesheet"> 
<script src="./js/ionic.bundle.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myAppController">
<ion-view title="Home">
	<ion-header-bar>
		<h1 class="title">{{title}}</h1>
	</ion-header-bar>
	<ion-content has-header="true">
		<ion-list>
			<ion-item ng-repeat="stooge in stooges" href="#">{{stooge.name}}</ion-item>
		</ion-list>
	</ion-content>
</ion-view>
</body>
<script type="text/javascript">
var myApp = angular.module("myApp",['ionic']);
myApp.controller('myAppController', function($scope, $timeout, $ionicLoading) {
	$scope.title = "loading层";
	$ionicLoading.show({
		content: 'Loading',
		animation: 'fade-in',
		showBackdrop: true,
		maxWidth: 200,
		showDelay: 0
	});
	$timeout(function () {
		$ionicLoading.hide();
		$scope.stooges = [{name: 'Moe'}, {name: 'Larry'}, {name: 'Curly'}];
	},2000);
});
</script>
</html>